Ext.define('Html5App.view.customer.CustomerInfo', {
	alternateClassName : 'customerInfo',
	extend : 'Ext.Container',
	xtype : 'customerInfo',
	id : 'customerInfo',
	requires : ['Ext.Panel','Html5App.view.customer.CustomerOptions'],
	config : {
		height : '100%',
		items : [{
			xtype : 'container',
			cls : 'customer-info-label',
			layout : {
				type : 'hbox'
			},
			items : [{
				flex : 2,
				cls : 'customer-info-padding customer-info-name',
				id : 'customer-info-name',
				html : ''
			},{
				flex : 1,
				xtype : 'panel',
				cls : 'customer-info-padding customer-info-options',
				html : '基本資料',
				listeners : {
					element : 'element',
					singletap : function() {
						var panel = Ext.Viewport.add({
							xtype : 'customerOptions'
						});
						panel.show();
					}
				}
			}]
		},{
			xtype : 'container',
			cls : 'customer-info-container',
			scrollable : 'vertical',
			height : '100%',
			items : [{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item customer-info-item-line',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '聯絡人'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-name-ctac',
					html : ''
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item customer-info-item-line',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '區域'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-code-terr',
					html : ''
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item customer-info-item-line',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '電話'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-phone',
					html : ''
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item customer-info-item-line',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '傳真'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-fax',
					html : ''
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item customer-info-item-line',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : 'TermsCode'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-text-desc',
					html : ''
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '地址'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-address',
					html : ''
				}]
			},{
				cls : 'customer-info-empty-item'
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item customer-info-item-line',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '貸款額'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-amtcrlimt',
					html : ''
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item customer-info-item-line',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '貸款'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-allinvamt',
					html : ''
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item customer-info-item-line',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '貸款餘額'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-balance',
					html : ''
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item customer-info-item-line',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '本月目標'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-t1',
					html : ''
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '本月銷售'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-actual',
					html : ''
				}]
			},{
				cls : 'customer-info-empty-item'
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				cls : 'customer-info-item customer-info-item-note',
				items : [{
					flex : 1,
					cls : 'customer-info-item-label',
					html : '事項'
				},{
					flex : 3,
					cls : 'customer-info-item-value',
					id : 'customer-info-note',
					html : ''
				}]
			},{
				cls : 'customer-info-empty-item'
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				docked : 'bottom',
				cls : 'customer-item customer-item-docked',
				items : [{
					flex : 0.7
				},{
					flex : 1.2,
					xtype : 'button',
					cls : 'customer-order-button',
					action : 'customerAddOrder',
					html : '新訂單'
				},{
					flex : 1.6,
					xtype : 'button',
					hidden : true,
					cls : 'customer-introduction-button',
					html : '指定貨品引進'
				},{
					flex : 1.2,
					xtype : 'button',
					hidden : true,
					cls : 'customer-plan-button',
					html : '陳列計劃'
				},{
					flex : 0.7
				}]
			}]
		}]
	}
});